import React,{ Component } from 'react';
import {
	StyleSheet,
	View,
	Text,
	Platform
} from 'react-native';
import { createTabNavigator,createStackNavigator } from 'react-navigation';
import ReportCommon from './ReportCommon';
//import ReportDetail from './ReportDetail';

const tabPage = createTabNavigator({
	StockData: {
		screen: ReportCommon, // ReportCommon
		navigationOptions:{
			tabBarLabel:'存量指标',
		},
	},
	DailyReport: {
		screen: ReportCommon,
		navigationOptions:{
			tabBarLabel:'日报',
		},
	},
	MonthReport: {
		screen: ReportCommon,
		navigationOptions:{
			tabBarLabel:'月报',
		},
	}
},{
	initialRouteName:'StockData',
	tabBarPosition:'top',
	swipeEnabled: true,
	animationEnabled: true,
	lazy:true,
	tabBarOptions:{
		activeTintColor:'#f54545',
		inactiveTintColor:'#000',
		labelStyle: {
		    fontSize: 14,
			lineHeight:Platform.OS==='ios'?40:26,
		    marginTop:0,
        	padding:0,
		},
		style: {
			borderTopWidth:0,
			height:40,
		    backgroundColor: '#fff'
		},
		tabStyle:{

		},
		indicatorStyle: {
            height: 4,
            width:80,
            marginLeft:30,
            backgroundColor:'#f54545',
            opacity:0.8
        },

	}
});

export default tabPage;
// export default createStackNavigator(
// 	{
// 		ReportIndex: {
// 			screen: tabPage
// 		},
// 		ReportDetail: {
// 			screen: ReportDetail
// 		}
// 	},{
// 		initialRouteName:'ReportIndex',
// 		headerMode: 'none'
// 	}
// );
